require('./bootstrap');
import bootstrap from '../../node_modules/bootstrap/dist/js/bootstrap.bundle';

import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'

import App from './components/App'
import Banks from './components/Banks'
import Calculators from './components/Calculators'
import ShowCalculator from './components/ShowCalculator'

const app = createApp({
  data() {
    return {
      count: 0
    }
  },
  components: {
    App,
    Banks,
  }
})

const router = createRouter({
  history: createWebHistory(),
  routes : [
    {path: '/', name: 'banks', component: Banks},
    {path: '/banks', name: 'banks', component: Banks},
    {path: '/calculators', name: 'calculators', component: Calculators},
    {path: '/calculators/:calculatorId', name: 'showCalculator', component: ShowCalculator, props: true},
  ]
})

app.use(router)
app.mount('#app')

